.color-red {color: red;}
.color-green {color: green;}
.layui-form-radio>i {font-size: 18px !important;}
/* 清理浮动 */
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right { _display: inline; /* for IE6 */ }
.fn-left { float: left; }
.fn-right { float: right; }

/* 内填充 */
.fn-pt-5 { padding-top: 5px !important; }
.fn-pr-5 { padding-right: 5px !important; }
.fn-pb-5 { padding-bottom: 5px !important; }
.fn-pl-5 { padding-left: 5px !important; }
.fn-p-5 { padding: 5px !important; }
.fn-pt-10 { padding-top: 10px !important; }
.fn-pr-10 { padding-right: 10px !important; }
.fn-pb-10 { padding-bottom: 10px !important; }
.fn-pl-10 { padding-left: 10px !important; }
.fn-p-10 { padding: 10px !important; }
.fn-pt-15 { padding-top: 15px !important; }
.fn-pr-15 { padding-right: 15px !important; }
.fn-pb-15 { padding-bottom: 15px !important; }
.fn-pl-15 { padding-left: 15px !important; }
.fn-p-15 { padding: 15px !important; }
.fn-pt-20 { padding-top: 20px !important; }
.fn-pr-20 { padding-right: 20px !important; }
.fn-pb-20 { padding-bottom: 20px !important; }
.fn-pl-20 { padding-left: 20px !important; }
.fn-p-20 { padding: 20px !important; }
.fn-pt-25 { padding-top: 25px !important; }
.fn-pr-25 { padding-right: 25px !important; }
.fn-pb-25 { padding-bottom: 25px !important; }
.fn-pl-25 { padding-left: 25px !important; }
.fn-p-25 { padding: 25px !important; }
.fn-pt-30 { padding-top: 30px !important; }
.fn-pr-30 { padding-right: 30px !important; }
.fn-pr-35 { padding-right: 35px !important; }
.fn-pr-80 { padding-right: 80px !important; }

.fn-pb-30 { padding-bottom: 30px !important; }
.fn-pl-30 { padding-left: 30px !important; }
.fn-p-30 { padding: 30px !important; }
.fn-pb-50 { padding-bottom: 50px !important; }
/* 外边距 */
.fn-mt-5 { margin-top: 5px !important; }
.fn-mt-8 { margin-top: 8px !important; }

.fn-mr-5 { margin-right: 5px !important; }
.fn-mb-5 { margin-bottom: 5px !important; }
.fn-ml-5 { margin-left: 5px !important; }
.fn-m-5 { margin: 5px !important; }
.fn-mt-10 { margin-top: 10px !important; }
.fn-mr-10 { margin-right: 10px !important; }
.fn-mb-10 { margin-bottom: 10px !important; }
.fn-ml-10 { margin-left: 10px !important; }
.fn-m-10 { margin: 10px !important; }
.fn-mt-15 { margin-top: 15px !important; }
.fn-mr-15 { margin-right: 15px !important; }
.fn-mb-15 { margin-bottom: 15px !important; }
.fn-ml-15 { margin-left: 15px !important; }
.fn-m-15 { margin: 15px !important; }
.fn-mt-20 { margin-top: 20px !important; }
.fn-mr-20 { margin-right: 20px !important; }
.fn-mb-20 { margin-bottom: 20px !important; }
.fn-ml-20 { margin-left: 20px !important; }
.fn-m-20 { margin: 20px !important; }
.fn-mt-25 { margin-top: 25px !important; }
.fn-mr-25 { margin-right: 25px !important; }
.fn-mb-25 { margin-bottom: 25px !important; }
.fn-ml-25 { margin-left: 25px !important; }
.fn-m-25 { margin: 25px !important; }
.fn-mt-30 { margin-top: 30px !important; }
.fn-mr-30 { margin-right: 30px !important; }
.fn-mb-30 { margin-bottom: 30px !important; }
.fn-ml-30 { margin-left: 30px !important; }
.fn-m-30 { margin: 30px !important; }
.fn-ml-35 { margin-left: 35px !important; }
.fn-ml-50 { margin-left: 50px !important; }
.fn-mr-150 { margin-right: 150px !important; }
.fn-mr-160 { margin-right: 160px !important; }

/*百分比宽度*/
.wb5 {width: 5%}.wb10 {width: 10%}.wb15 {width: 15%}.wb20 {width: 20%}.wb25 {width: 25%}.wb30 {width: 30%}.wb35 {width: 35%}.wb40 {width: 40%}.wb45 {width: 45%}.wb50 {width: 50%}
/*宽度*/
.w25{width:25px;}
.w50{width:50px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}